PROGRAMMERS - 자바스크립트와 웹 프론트엔드 단일 Element 선택 엘리먼트의 ID 속성을 기준으로 해당 엘리먼트에 해당하는 태그를 반환한다. -document.getElementBy~ : 단일 엘리먼트를 선택하는 메소드 -document.getElementsBy~ : 다중 엘리먼트를 선택하는 메소드 document.getElementById 메소드 인자로 HTML element 태그의 id를 전달하면 해당 엘리먼트가 반환된다. Element API 1>in... PROGRAMMERS - 자바스크립트와 웹 프론트엔드PROGRAMMERS - 자바스크립트와 웹 프론트엔드 Javascript, HTML, CSS 웹페이지의 동작과정? -웹페이지의 문서의 구조를 나타내는 HTML -문서 각 요소들의 스타일을 나타내는 CSS -정적인 문서의 구조와 스타일에 변화를 주거나 로직을 추가할 수 있는 JS 함께 동작한다. 브라우저의 변화는? JS 코드를 실행 > HTML, CSS에 변화 > 브라우저에 해당 내용을 반영하여 렌더링> 사용자가 그 변화를 확인할 수 있게 된다. -html 문서 -css 문서 -js문... PROGRAMMERS - 자바스크립트와 웹 프론트엔드PROGRAMMERS - 자바스크립트와 웹 프론트엔드 CSS 다루기 HTML 문서의 요소가 어떻게 표시될지 정의 selector : tag이름, id, class로 작성 가능하다. -tag이름 : 태그 이름 그대로 사용(h1, h2, p, img, ...) -id : #을 붙이고 id 사용(#name, #id, ... -class : .을 붙이고 class 이름 사용 (.lyric, ...) property_name : selector에 해당하는 엘리먼트의 ... PROGRAMMERS - 자바스크립트와 웹 프론트엔드PROGRAMMERS - 자바스크립트와 웹 프론트엔드 익명함수와 함수 즉시 호출 JS에서는 함수가 1>인자로 사용되거나 2>콜백 함수로 사용될 수 있기 때문에, 일회성으로 사용될 코드의 블럭을 함수로 정의하는 경우가 많다. 즉, 이러한 함수의 경우 이름이 꼭 필요하지 않기때문에 익명함수가 필요하다. 중간에 어떤 코드를 추가해야하고 그 코드가 독립적으로 실행되어야한다면? -함수를 이용해서 scope를 나눠줘야한다. -또한 정의내린 함수는 한 번만 호출하고 정의한 지점에서 ... PROGRAMMERS - 자바스크립트와 웹 프론트엔드PROGRAMMERS - 자바스크립트와 웹 프론트엔드
단일 Element 선택 엘리먼트의 ID 속성을 기준으로 해당 엘리먼트에 해당하는 태그를 반환한다. -document.getElementBy~ : 단일 엘리먼트를 선택하는 메소드 -document.getElementsBy~ : 다중 엘리먼트를 선택하는 메소드 document.getElementById 메소드 인자로 HTML element 태그의 id를 전달하면 해당 엘리먼트가 반환된다. Element API 1>in... PROGRAMMERS - 자바스크립트와 웹 프론트엔드PROGRAMMERS - 자바스크립트와 웹 프론트엔드 Javascript, HTML, CSS 웹페이지의 동작과정? -웹페이지의 문서의 구조를 나타내는 HTML -문서 각 요소들의 스타일을 나타내는 CSS -정적인 문서의 구조와 스타일에 변화를 주거나 로직을 추가할 수 있는 JS 함께 동작한다. 브라우저의 변화는? JS 코드를 실행 > HTML, CSS에 변화 > 브라우저에 해당 내용을 반영하여 렌더링> 사용자가 그 변화를 확인할 수 있게 된다. -html 문서 -css 문서 -js문... PROGRAMMERS - 자바스크립트와 웹 프론트엔드PROGRAMMERS - 자바스크립트와 웹 프론트엔드 CSS 다루기 HTML 문서의 요소가 어떻게 표시될지 정의 selector : tag이름, id, class로 작성 가능하다. -tag이름 : 태그 이름 그대로 사용(h1, h2, p, img, ...) -id : #을 붙이고 id 사용(#name, #id, ... -class : .을 붙이고 class 이름 사용 (.lyric, ...) property_name : selector에 해당하는 엘리먼트의 ... PROGRAMMERS - 자바스크립트와 웹 프론트엔드PROGRAMMERS - 자바스크립트와 웹 프론트엔드 익명함수와 함수 즉시 호출 JS에서는 함수가 1>인자로 사용되거나 2>콜백 함수로 사용될 수 있기 때문에, 일회성으로 사용될 코드의 블럭을 함수로 정의하는 경우가 많다. 즉, 이러한 함수의 경우 이름이 꼭 필요하지 않기때문에 익명함수가 필요하다. 중간에 어떤 코드를 추가해야하고 그 코드가 독립적으로 실행되어야한다면? -함수를 이용해서 scope를 나눠줘야한다. -또한 정의내린 함수는 한 번만 호출하고 정의한 지점에서 ... PROGRAMMERS - 자바스크립트와 웹 프론트엔드PROGRAMMERS - 자바스크립트와 웹 프론트엔드